[#ftl]

<!doctype html>
<html>
<head>
    <meta charset="utf8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <title>TPO | Home</title>
    <link rel="stylesheet" type="text/css" href="${rc.contextPath!}/resources/css/home.css"/>
    <script type="text/javascript" src="${rc.contextPath!}/resources/js/jquery/jquery-1.7.js"></script>
    <script type="text/javascript" src="${rc.contextPath!}/resources/js/jquery/jquery-ui-1.8.16.custom.min.js"></script>
</head>
<body align="center">
        <div id="container">
            <!-- Display Starts Here -->
            <div id="outer-wrapper">
            	<div id="header">
            		This is header.
        		</div>
        		<div id="content">
        		<div id="leftcolumn">
        			<form>
        				<div class="greybox">Course</div>
        				<table class="tables">
        				<tr>
        				<td><input type="checkbox" name="course" value="btech" /> BTech</td>
						<td><input type="checkbox" name="course" value="mba" /> MBA</td>
						<td><input type="checkbox" name="course" value="mca" /> MCA </td>
						</tr>
						<tr>
						<td></td><td></td>
						<td><input type="submit" name="submitquery" value="Search" /></td>
						</tr>
						</table>
        			</form>
    			</div>
    			<div id="rightcolumn">
    				[#list allStudents as student]
 						${student.id!} &nbsp; &nbsp; ${student.name!} </br>
 					[/#list]
				</div>
				</div>
            </div>
            <!-- Display Ends Here -->
        </div>
    
</body>
</html>